<template>
  <el-menu class="el-menu-demo" mode="horizontal">
    <el-menu-item index="1"
      ><img src="../../../assets/icon/交通出行.png" alt="" />
      光谷智慧交通</el-menu-item
    >
    <road-condition></road-condition>

    <report-traffic></report-traffic>
    <view-notice></view-notice>

    <tool-bar></tool-bar>
    <event-pop></event-pop>
    <common-user></common-user>
  </el-menu>
</template>

<script setup>
import ToolBar from '../../../components/Header/ToolBar.vue'
import EventPop from '../../../components/Header/EventPop.vue'
import ViewNotice from '../../../components/Header/ViewNotice.vue'
import ReportTraffic from './ReportTraffic.vue'
import RoadCondition from '../../../components/Header/RoadCondition.vue'
import CommonUser from './CommonUser.vue'
</script>

<style scoped>
.el-menu-demo {
  margin-top: 0;
  height: 50px;
}
img {
  width: 20px;
  margin-right: 5px;
}
</style>
